<section class="businessGJ mlr-24">
  <div class="font-16 line-height-56 border-b color-666">跟进线索</div>
  <div class="font-14 color-gray mt-10">主要信息</div>
  <div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span class="required">*</span>主题:</div>
      <div class="dy-fx-9">
        <input type="text" class="form-control" v-model="params.themeInfo.theme" />
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span class="required">*</span>线索来源:</div>
      <div class="dy-fx-9">
        <hl-select width="100%" :data="sourceData" v-model="selectedSource" type="primary" @on-change="handleSourceChange"></hl-select>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span class="required">*</span>渠道分类:</div>
      <div class="dy-fx-3">
        <hl-select width="100%" :data="channelTypeData" v-model="selectedChannelType" type="primary" @on-change="handleChannelTypeChange"></hl-select>
      </div>
      <div class="dy-fx-2"></div>
      <div class="dy-fx-1"><span style="color:#fff;">*</span>渠道名称:</div>
      <div class="dy-fx-3">
        <hl-select width="100%" :data="channelNameData" v-model="selectedChannelName" type="primary" @on-change="handleChannelNameChange"></hl-select>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span style="color:#fff;">*</span>详细描述:</div>
      <div class="dy-fx-9">
        <textarea class="form-control" rows="4" v-model="params.themeInfo.description"></textarea>
      </div>
    </div>
  </div>

  <div class="mt-15 pt-10">
    <div class="font-14 color-gray">客户信息</div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span class="required">*</span>客户名称:</div>
      <div class="dy-fx-3">
        <input type="text" class="form-control" v-model="params.zlfInfo.customerName" />
      </div>
      <div class="dy-fx-2"></div>
      <div class="dy-fx-1"><span class="required">*</span>客户类型:</div>
      <div class="dy-fx-3">
        <ul class="cr-type-select clearfix">
          <li v-for="item in type" @click="typeclick(item.code)" :class="{active: item.code == params.zlfInfo.customerType}">{{item.name}}</li>
        </ul>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1">
        <span v-if="params.zlfInfo.customerType == 'QY'"><span style="color:#fff;">*</span>纳税人识别号:</span>
        <span v-if="params.zlfInfo.customerType == 'PE'"><span style="color:#fff;">*</span>身份证号:</span>
      </div>
      <div class="dy-fx-3">
        <input type="text" class="form-control" v-model="params.zlfInfo.idcode" />
      </div>
      <div class="dy-fx-2"></div>
      <div class="dy-fx-1"><span style="color:#fff;">*</span>所属行业:</div>
      <div class="dy-fx-3">
        <hl-select width="100%" :data="industryData" v-model="selectedIndustry" type="primary" @on-change="handleIndustryChange"></hl-select>
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span class="required">*</span>联系人:</div>
      <div class="dy-fx-3">
        <input type="text" class="form-control inline mr-5" style="width:120px;" v-model="params.zlfInfo.lperson" />
        <input type="text" class="form-control inline" style="width:158px;" placeholder="联系电话" v-model="params.zlfInfo.phone" />
      </div>
      <div class="dy-fx-2"></div>
      <div class="dy-fx-1"><span style="color:#fff;">*</span>邮箱:</div>
      <div class="dy-fx-3">
        <input type="text" class="form-control" v-model="params.zlfInfo.email" />
      </div>
    </div>
    <div class="dy-flex line-height-34 mt-10">
      <div class="dy-fx-1"><span style="color:#fff;">*</span>通讯地址:</div>
      <div class="dy-fx-5">
        <input type="text" class="form-control" v-model="params.zlfInfo.customerAddress" />
      </div>
      <div class="dy-fx-1"></div>
      <div class="dy-fx-1"><span style="color:#fff;">*</span>邮编:</div>
      <div class="dy-fx-2">
        <input type="text" class="form-control" v-model="params.zlfInfo.zipcode" />
      </div>
    </div>
    <div class="pt-10 mt-15">
      <div class="font-14 color-gray">跟进信息</div>
      <div class="dy-flex line-height-34 mt-10">
        <div class="dy-fx-1"><span class="required">*</span>意向水平:</div>
        <div class="dy-fx-9">
          <ul class="cr-type-select clearfix">
            <li v-for="item in intentLevel" @click="intentLevelAct = item.code" :class="{active: item.code == intentLevelAct}">{{item.name}}</li>
          </ul>
        </div>
      </div>
      <div class="dy-flex line-height-34 mt-10">
        <div class="dy-fx-1"><span class="required">*</span>跟进时间:</div>
        <div class="dy-fx-3 dy-flex" style="align-items: center">
          <web-calendar type="primary" v-model="gjTime"  tips="起始日期" width="150"></web-calendar>
          <input type="text" class="inline form-control text-center mr-10 ml-10" style="width: 52px;vertical-align: top;" placeholder="时" v-model="hour1" @blur="timerOs(0, 0)" />
          <input type="text" class="inline form-control text-center" style="width: 52px;vertical-align: top;" placeholder="分" v-model="min1" @blur="timerOs(0, 1)" />
        </div>
        <div class="dy-fx-2"></div>
        <div class="dy-fx-1"><span class="required">*</span>跟进方式:</div>
        <div class="dy-fx-3">
          <hl-select width="100%" :data="followupData" v-model="selectedFollowup" type="primary" @on-change="handleIndustryChange"></hl-select>
        </div>
      </div>
      <div class="dy-flex line-height-34 mt-10">
        <div class="dy-fx-1"><span class="required">*</span>跟进记录:</div>
        <div class="dy-fx-9">
          <textarea class="form-control" rows="4" v-model="memo"></textarea>
        </div>
      </div>
      <div class="clearfix line-height-34 mt-10">
        <div class="pull-left" style="width: 96px;"><span style="color:#fff;">*</span>计划跟进时间:</div>
        <div class="pull-left dy-flex" style="align-items:center">
          <web-calendar type="primary" v-model="jhTime"  tips="起始日期" width="150"></web-calendar>
          <input type="text" class="inline form-control text-center mr-10 ml-10" style="width: 52px;vertical-align: top;" placeholder="时" v-model="hour2" @blur="timerOs(1, 0)" />
          <input type="text" class="inline form-control text-center" style="width: 52px;vertical-align: top;" placeholder="分" v-model="min2" @blur="timerOs(1, 1)" />
        </div>
      </div>
      <div class="clearfix line-height-34 mt-10">
        <div class="pull-left" style="width: 96px;"><span style="color:#fff;">*</span>计划跟进内容:</div>
        <div class="pull-left">
          <textarea class="form-control" rows="4" style="width: 861px;" v-model="planfollowupcontent"></textarea>
        </div>
      </div>
    </div>
    <div class="mtb-10">
      <hl-button type="primary" @on-click="addBusiness">保存</hl-button>
      <a :href="'#/'+page" class="n-btn-outline br-4 inline text-center" style="vertical-align: top; lineHeight:32px;">返回</a>
    </div>
  </div>
</section>

<script src="modules/rent/scripts/businessGJ.js" charset="utf-8"></script>
